<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>储值汇总</title>
    <!-- Bootstrap -->
    <link href="../assets/css/mui.min.css" rel="stylesheet">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="../assets/css/style.css" rel="stylesheet" />
    <link href="../assets/css/boss_content.css" rel="stylesheet" />
    <style type="text/css">

    </style>
  </head>

  <body>
    <header id="header" class="mui-bar mui-bar-nav">
      <h1 class="mui-title">储值汇总</h1>
      <button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
      <span class="mui-icon mui-icon-left-nav"></span>返回</button>
      <a class="mui-pull-right headerright"><i class="icon iconfont icon-gengduo"></i></a>
    </header>
    <div class="mui-content">
      <div class="aggregate-time-list mui-row kuaibgColor jy_table_list">
        <div class="mui-col-xs-3 aggregate-time-active">日</div>
        <div class="mui-col-xs-3">周</div>
        <div class="mui-col-xs-3">月</div>
        <div class="mui-col-xs-3">年</div>
      </div>
      <div class="dayContent jy_contet_list">
        <div class="aggregate-date">
          <span class="aggregate-date-left"><i class="icon iconfont icon-houdongfangiconfont27"></i></span>
          <span class="aggregate-date-time">2016年12月09日</span>
          <span class="aggregate-date-right"><i class="icon iconfont icon-houdongfangiconfont28"></i></span>
        </div>
        <div class="aggregate-tiaoli">
          <div class="leijixiaofeihe kuaibgColor mui-row">
            <div class="leijheight">
              <span class="hyczhz_list_row_list_fu aggregate-oror-active">累计新增储值</span>
              <span class="hyczhz_list_row_list_fu">门店储值汇总</span>
              <span class="hyczhz_list_row_list_fu">门店储值记录</span>
              <span class="hyczhz_list_row_list_fu">门店消费记录</span>
            </div>
          </div>

          <div class="hyczhz_6list">
            <div class="aggregate-member-padding5">
              <div class="aggregate-member-info">
                <div class="rechargecard-list mui-row">
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardOne">
                      <div class="rechargecard-item-num">89</div>
                      <div>退菜金额(元)</div>
                    </div>
                  </div>
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardTwo">
                      <div class="rechargecard-item-num">1030</div>
                      <div>退菜数量</div>
                    </div>
                  </div>
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardThree">
                      <div class="rechargecard-item-num">3</div>
                      <div>退菜率</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list mt10 hidden">
            <div class="orderXq-caipin-list kuaibgColor mui-row">
              <div class="mui-col-xs-3">门店</div>
              <div class="mui-col-xs-3">储值金额</div>
              <div class="mui-col-xs-3">消费金额</div>
              <div class="mui-col-xs-3">当前余额</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list hidden ">
            <div class="bossnav-title bossnav-chuzhi bossnav-50">
              <div class="bossnav-title-left"><i class="icon iconfont icon-sousuo"></i></div>
              <span class="md-name">大圣烧烤</span>
              <div class="bossnav-title-right">换店<i class="icon iconfont icon-xiangxia2"></i></div>
              <div class="md-none">
                <div class="shadow hidden"></div>
                <div class="md-content hidden">
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">四季阳光</div>
                  <div class="md-item">独一味</div>
                  <div class="md-item">恍恍惚惚</div>
                  <div class="md-item">红红火火</div>
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">大圣烧烤</div>
                </div>
              </div>
            </div>
            <div class="orderXq-caipin-list kuaibgColor mui-row">
              <div class="mui-col-xs-2">门店</div>
              <div class="mui-col-xs-2">会员</div>
              <div class="mui-col-xs-2">储值</div>
              <div class="mui-col-xs-2">赠送</div>
              <div class="mui-col-xs-2">余额</div>
              <div class="mui-col-xs-2">时间</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list hidden">
            <div class="bossnav-title bossnav-xiaofei bossnav-50">
              <div class="bossnav-title-left"><i class="icon iconfont icon-sousuo"></i></div>
              <span class="md-name">大圣烧烤</span>
              <div class="bossnav-title-right">换店<i class="icon iconfont icon-xiangxia2"></i></div>
              <div class="md-none">
                <div class="shadow hidden"></div>
                <div class="md-content hidden">
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">四季阳光</div>
                  <div class="md-item">独一味</div>
                  <div class="md-item">恍恍惚惚</div>
                  <div class="md-item">红红火火</div>
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">大圣烧烤</div>
                </div>
              </div>
            </div>
            <div class="orderXq-xiaofei-list kuaibgColor mui-row">
              <div>门店</div>
              <div>会员</div>
              <div>消费</div>
              <div>余额</div>
              <div>时间</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="weekContent jy_contet_list hidden">
        <div class="aggregate-date">
          <span class="aggregate-date-left"><i class="icon iconfont icon-houdongfangiconfont27"></i></span>
          <span class="aggregate-date-time">2016年12月26日</span>
          <span class="aggregate-date-right"><i class="icon iconfont icon-houdongfangiconfont28"></i></span>
        </div>
        <div class="aggregate-tiaoli">
          <div class="leijixiaofeihe kuaibgColor mui-row">
            <div class="leijheight">
              <span class="hyczhz_list_row_list_fu aggregate-oror-active">累计新增储值</span>
              <span class="hyczhz_list_row_list_fu">门店储值汇总</span>
              <span class="hyczhz_list_row_list_fu">门店储值记录</span>
              <span class="hyczhz_list_row_list_fu">门店消费记录</span>
            </div>
          </div>

          <div class="hyczhz_6list">
            <div class="aggregate-member-padding5">
              <div class="aggregate-member-info">
                <div class="rechargecard-list mui-row">
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardOne">
                      <div class="rechargecard-item-num">89</div>
                      <div>退菜金额(元)</div>
                    </div>
                  </div>
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardTwo">
                      <div class="rechargecard-item-num">1030</div>
                      <div>退菜数量</div>
                    </div>
                  </div>
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardThree">
                      <div class="rechargecard-item-num">3</div>
                      <div>退菜率</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list mt10 hidden">
            <div class="orderXq-caipin-list kuaibgColor mui-row">
              <div class="mui-col-xs-3">门店</div>
              <div class="mui-col-xs-3">储值金额</div>
              <div class="mui-col-xs-3">消费金额</div>
              <div class="mui-col-xs-3">当前余额</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list hidden ">
            <div class="bossnav-title bossnav-chuzhi bossnav-50">
              <div class="bossnav-title-left"><i class="icon iconfont icon-sousuo"></i></div>
              <span class="md-name">大圣烧烤</span>
              <div class="bossnav-title-right">换店<i class="icon iconfont icon-xiangxia2"></i></div>
              <div class="md-none">
                <div class="shadow hidden"></div>
                <div class="md-content hidden">
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">四季阳光</div>
                  <div class="md-item">独一味</div>
                  <div class="md-item">恍恍惚惚</div>
                  <div class="md-item">红红火火</div>
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">大圣烧烤</div>
                </div>
              </div>
            </div>
            <div class="orderXq-caipin-list kuaibgColor mui-row">
              <div class="mui-col-xs-2">门店</div>
              <div class="mui-col-xs-2">会员</div>
              <div class="mui-col-xs-2">储值</div>
              <div class="mui-col-xs-2">赠送</div>
              <div class="mui-col-xs-2">余额</div>
              <div class="mui-col-xs-2">时间</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list hidden">
            <div class="bossnav-title bossnav-xiaofei bossnav-50">
              <div class="bossnav-title-left"><i class="icon iconfont icon-sousuo"></i></div>
              <span class="md-name">大圣烧烤</span>
              <div class="bossnav-title-right">换店<i class="icon iconfont icon-xiangxia2"></i></div>
              <div class="md-none">
                <div class="shadow hidden"></div>
                <div class="md-content hidden">
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">四季阳光</div>
                  <div class="md-item">独一味</div>
                  <div class="md-item">恍恍惚惚</div>
                  <div class="md-item">红红火火</div>
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">大圣烧烤</div>
                </div>
              </div>
            </div>
            <div class="orderXq-xiaofei-list kuaibgColor mui-row">
              <div>门店</div>
              <div>会员</div>
              <div>消费</div>
              <div>余额</div>
              <div>时间</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="monthContent jy_contet_list hidden">
        <div class="aggregate-date">
          <span class="aggregate-date-left"><i class="icon iconfont icon-houdongfangiconfont27"></i></span>
          <span class="aggregate-date-time">2016年12月29日</span>
          <span class="aggregate-date-right"><i class="icon iconfont icon-houdongfangiconfont28"></i></span>
        </div>
        <div class="aggregate-tiaoli">
          <div class="leijixiaofeihe kuaibgColor mui-row">
            <div class="leijheight">
              <span class="hyczhz_list_row_list_fu aggregate-oror-active">累计新增储值</span>
              <span class="hyczhz_list_row_list_fu">门店储值汇总</span>
              <span class="hyczhz_list_row_list_fu">门店储值记录</span>
              <span class="hyczhz_list_row_list_fu">门店消费记录</span>
            </div>
          </div>

          <div class="hyczhz_6list">
            <div class="aggregate-member-padding5">
              <div class="aggregate-member-info">
                <div class="rechargecard-list mui-row">
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardOne">
                      <div class="rechargecard-item-num">89</div>
                      <div>退菜金额(元)</div>
                    </div>
                  </div>
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardTwo">
                      <div class="rechargecard-item-num">1030</div>
                      <div>退菜数量</div>
                    </div>
                  </div>
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardThree">
                      <div class="rechargecard-item-num">3</div>
                      <div>退菜率</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list mt10 hidden">
            <div class="orderXq-caipin-list kuaibgColor mui-row">
              <div class="mui-col-xs-3">门店</div>
              <div class="mui-col-xs-3">储值金额</div>
              <div class="mui-col-xs-3">消费金额</div>
              <div class="mui-col-xs-3">当前余额</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list hidden ">
            <div class="bossnav-title bossnav-chuzhi bossnav-50">
              <div class="bossnav-title-left"><i class="icon iconfont icon-sousuo"></i></div>
              <span class="md-name">大圣烧烤</span>
              <div class="bossnav-title-right">换店<i class="icon iconfont icon-xiangxia2"></i></div>
              <div class="md-none">
                <div class="shadow hidden"></div>
                <div class="md-content hidden">
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">四季阳光</div>
                  <div class="md-item">独一味</div>
                  <div class="md-item">恍恍惚惚</div>
                  <div class="md-item">红红火火</div>
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">大圣烧烤</div>
                </div>
              </div>
            </div>
            <div class="orderXq-caipin-list kuaibgColor mui-row">
              <div class="mui-col-xs-2">门店</div>
              <div class="mui-col-xs-2">会员</div>
              <div class="mui-col-xs-2">储值</div>
              <div class="mui-col-xs-2">赠送</div>
              <div class="mui-col-xs-2">余额</div>
              <div class="mui-col-xs-2">时间</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list hidden">
            <div class="bossnav-title bossnav-xiaofei bossnav-50">
              <div class="bossnav-title-left"><i class="icon iconfont icon-sousuo"></i></div>
              <span class="md-name">大圣烧烤</span>
              <div class="bossnav-title-right">换店<i class="icon iconfont icon-xiangxia2"></i></div>
              <div class="md-none">
                <div class="shadow hidden"></div>
                <div class="md-content hidden">
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">四季阳光</div>
                  <div class="md-item">独一味</div>
                  <div class="md-item">恍恍惚惚</div>
                  <div class="md-item">红红火火</div>
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">大圣烧烤</div>
                </div>
              </div>
            </div>
            <div class="orderXq-xiaofei-list kuaibgColor mui-row">
              <div>门店</div>
              <div>会员</div>
              <div>消费</div>
              <div>余额</div>
              <div>时间</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="yearContent jy_contet_list hidden">
        <div class="aggregate-date">
          <span class="aggregate-date-left"><i class="icon iconfont icon-houdongfangiconfont27"></i></span>
          <span class="aggregate-date-time">2016年12月20日</span>
          <span class="aggregate-date-right"><i class="icon iconfont icon-houdongfangiconfont28"></i></span>
        </div>
        <div class="aggregate-tiaoli">
          <div class="leijixiaofeihe kuaibgColor mui-row">
            <div class="leijheight">
              <span class="hyczhz_list_row_list_fu aggregate-oror-active">累计新增储值</span>
              <span class="hyczhz_list_row_list_fu">门店储值汇总</span>
              <span class="hyczhz_list_row_list_fu">门店储值记录</span>
              <span class="hyczhz_list_row_list_fu">门店消费记录</span>
            </div>
          </div>

          <div class="hyczhz_6list">
            <div class="aggregate-member-padding5">
              <div class="aggregate-member-info">
                <div class="rechargecard-list mui-row">
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardOne">
                      <div class="rechargecard-item-num">89</div>
                      <div>退菜金额(元)</div>
                    </div>
                  </div>
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardTwo">
                      <div class="rechargecard-item-num">1030</div>
                      <div>退菜数量</div>
                    </div>
                  </div>
                  <div class="mui-col-xs-4 rechargecard-item">
                    <div class="rechargecardThree">
                      <div class="rechargecard-item-num">3</div>
                      <div>退菜率</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list mt10 hidden">
            <div class="orderXq-caipin-list kuaibgColor mui-row">
              <div class="mui-col-xs-3">门店</div>
              <div class="mui-col-xs-3">储值金额</div>
              <div class="mui-col-xs-3">消费金额</div>
              <div class="mui-col-xs-3">当前余额</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
              <div class="orderXq-caipin-item mui-row">
                <div class="mui-col-xs-3">朝阳店</div>
                <div class="mui-col-xs-3">421</div>
                <div class="mui-col-xs-3">32</div>
                <div class="mui-col-xs-3">1234</div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list hidden ">
            <div class="bossnav-title bossnav-chuzhi bossnav-50">
              <div class="bossnav-title-left"><i class="icon iconfont icon-sousuo"></i></div>
              <span class="md-name">大圣烧烤</span>
              <div class="bossnav-title-right">换店<i class="icon iconfont icon-xiangxia2"></i></div>
              <div class="md-none">
                <div class="shadow hidden"></div>
                <div class="md-content hidden">
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">四季阳光</div>
                  <div class="md-item">独一味</div>
                  <div class="md-item">恍恍惚惚</div>
                  <div class="md-item">红红火火</div>
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">大圣烧烤</div>
                </div>
              </div>
            </div>
            <div class="orderXq-caipin-list kuaibgColor mui-row">
              <div class="mui-col-xs-2">门店</div>
              <div class="mui-col-xs-2">会员</div>
              <div class="mui-col-xs-2">储值</div>
              <div class="mui-col-xs-2">赠送</div>
              <div class="mui-col-xs-2">余额</div>
              <div class="mui-col-xs-2">时间</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-chuzhi-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">342</div>
                <div class="mui-col-xs-2">421</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
            </div>
          </div>
          <div class="hyczhz_6list hidden">
            <div class="bossnav-title bossnav-xiaofei bossnav-50">
              <div class="bossnav-title-left"><i class="icon iconfont icon-sousuo"></i></div>
              <span class="md-name">大圣烧烤</span>
              <div class="bossnav-title-right">换店<i class="icon iconfont icon-xiangxia2"></i></div>
              <div class="md-none">
                <div class="shadow hidden"></div>
                <div class="md-content hidden">
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">四季阳光</div>
                  <div class="md-item">独一味</div>
                  <div class="md-item">恍恍惚惚</div>
                  <div class="md-item">红红火火</div>
                  <div class="md-item">大圣烧烤</div>
                  <div class="md-item">大圣烧烤</div>
                </div>
              </div>
            </div>
            <div class="orderXq-xiaofei-list kuaibgColor mui-row">
              <div>门店</div>
              <div>会员</div>
              <div>消费</div>
              <div>余额</div>
              <div>时间</div>
            </div>
            <div class="orderXq-caipin-con">
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
              <div class="orderXq-xiaofei-item mui-row">
                <div class="mui-col-xs-2">朝阳店</div>
                <div class="mui-col-xs-2">往往</div>
                <div class="mui-col-xs-2">4567</div>
                <div class="mui-col-xs-2">34</div>
                <div class="mui-col-xs-2">18:22</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/mui.js"></script>
    <script type="text/javascript">
      $('.md-none .shadow').on('click', function() {
        $(this).addClass('hidden')
        $(this).siblings('.md-content').addClass('hidden')
      })
      $('.bossnav-title .bossnav-title-right').on('click', function() {
        $(this).siblings('.md-none').children('.shadow').removeClass('hidden')
        $(this).siblings('.md-none').children('.md-content').removeClass('hidden')
      })
      $('.md-content .md-item').on('click', function() {
          $(this).parent().siblings('.shadow').addClass('hidden')
          $(this).parent().addClass('hidden')
          $(this).parent().parent().siblings('.md-name').html($(this).html())
        })
        // table切换选中第几个下面的第几个div显现
      $('.jy_table_list div').on('click', function() {
        var index = $(this).index();
        $('.jy_table_list div').removeClass("aggregate-time-active")
        $('.jy_table_list div').eq(index).addClass("aggregate-time-active")
        $('.jy_contet_list').addClass('hidden')
        $('.jy_contet_list').eq(index).removeClass("hidden")
      })
      $(".dayContent .hyczhz_list_row_list_fu").on('click', function() {
        var index = $(this).index();
        $('.dayContent .hyczhz_list_row_list_fu').removeClass("aggregate-oror-active")
        $('.dayContent .hyczhz_list_row_list_fu').eq(index).addClass("aggregate-oror-active")
        $('.dayContent .hyczhz_6list').addClass('hidden')
        $('.dayContent .hyczhz_6list').eq(index).removeClass("hidden")
      })
      $(".weekContent .hyczhz_list_row_list_fu").on('click', function() {
        var index = $(this).index();
        $('.weekContent .hyczhz_list_row_list_fu').removeClass("aggregate-oror-active")
        $('.weekContent .hyczhz_list_row_list_fu').eq(index).addClass("aggregate-oror-active")
        $('.weekContent .hyczhz_6list').addClass('hidden')
        $('.weekContent .hyczhz_6list').eq(index).removeClass("hidden")
      })
      $(".monthContent .hyczhz_list_row_list_fu").on('click', function() {
        var index = $(this).index();
        $('.monthContent .hyczhz_list_row_list_fu').removeClass("aggregate-oror-active")
        $('.monthContent .hyczhz_list_row_list_fu').eq(index).addClass("aggregate-oror-active")
        $('.monthContent .hyczhz_6list').addClass('hidden')
        $('.monthContent .hyczhz_6list').eq(index).removeClass("hidden")
      })
      $(".yearContent .hyczhz_list_row_list_fu").on('click', function() {
        var index = $(this).index();
        $('.yearContent .hyczhz_list_row_list_fu').removeClass("aggregate-oror-active")
        $('.yearContent .hyczhz_list_row_list_fu').eq(index).addClass("aggregate-oror-active")
        $('.yearContent .hyczhz_6list').addClass('hidden')
        $('.yearContent .hyczhz_6list').eq(index).removeClass("hidden")
      })
    </script>
  </body>

</html>